<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head>
<h:outputStylesheet library="css" name="bootstrap/css/bootstrap.css"/>
</h:head> 
<head>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"></link>
</head>

 
<body> 
<div class="navbar  navbar-inverse">
  <div class="navbar-inner">
    <div class="container">
 	  
     
      <!-- Be sure to leave the brand out there if you want it shown -->
      <a class="brand" href="index.faces">ERP Solution Team </a>
 
      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse">
       
        <ul class="nav">
	  		<li class="active"><a href="index.faces">Home</a></li>
	 	 	<li><a href="#">News</a></li>
	  		<li><a href="#">About Us</a></li>
	  		<li><a href="#">Description</a></li>
	  		<li><a href="Presentation.faces">Presentations</a></li>
	  		<li><a href="#">Job offer</a></li>
	  		
		</ul>
		
		
      <form class="navbar-search pull-right">
 		 <input type="text" class="search-query" placeholder="Search"/>
		</form>
        <!-- .nav, .navbar-search, .navbar-form, etc -->
      </div>
 
    </div>
  </div>
</div>

<div class="pagination pagination-centered">
		<ul class="thumbnail well" id="f1">
					<li>
				<h:form styleClass="form-horizontal" id="iform" >
				  <div class="control-group span9">
				  
				    <div class="controls">
				    <table align="left" class="table-hover">
					  	<tr>
					  		<td align="left"><i class=" icon-text-width"> </i>&nbsp;Post Name:</td><td><h:inputText id="posteName" value="#{offerManaged.offer.name}"  placeholder="Poste Name"/></td>
					    </tr>
					    <tr>
					  		<td><br/></td>
					    </tr>
					    <tr>
						  <td align="left"><i class="icon-user" > </i>&nbsp;Profile:</td><td><h:inputTextarea row="5" id="inputProfile" value="#{offerManaged.offer.profil}" placeholder="Profile"/></td>
					    </tr> 
					  	<tr>
					  		<td><br/></td>
					    </tr>
					  	<tr>
						  <td align="left"><i class="icon-font"> </i>&nbsp;Language:</td><td><h:inputText id="inputlanguage" name="Langue" value="#{offerManaged.offer.langue}" placeholder="ex: French,English,Arabic"/></td>
					    </tr> 
					    <tr>
					  		<td><br/></td>
					    </tr>
					    <tr>
						  <td align="left"><i class="icon-font"> </i>&nbsp;Contract Type:</td><td><h:inputText id="inputtype" name="type" value="#{offerManaged.offer.type}" placeholder="ex: French,English,Arabic"/></td>
					    </tr> 
					    <tr>
					  		<td><br/></td>
					    </tr>
					    <tr>
						  <td align="left"><i class="icon-font"> </i>&nbsp;Salary:</td><td><h:inputText value="#{offerManaged.offer.salary}" placeholder="ex: French,English,Arabic"/></td>
					    </tr> 
					    <tr>
					  		<td><br/></td>
					    </tr>
					    <tr>
						  <td align="left"><i class="icon-font"> </i>&nbsp;Formation Degrees:</td><td><h:inputText value="#{offerManaged.offer.formationdegree}" placeholder="ex: French,English,Arabic"/></td>
					    </tr> 
					    <tr>
					  		<td><br/></td>
					    </tr>
				  		<tr>
						  <td align="left"><i class="icon-briefcase"> </i>&nbsp;Competence:</td>
						  <td align="center">
						 	<h:inputTextarea value="#{offerManaged.offer.compet}" rows="5" />
						  </td>
					    </tr> 
						<tr>
					  		<td><br/></td>
					    </tr>
						<tr>
						  <td align="left"><i class="icon-th-list" > </i>&nbsp;Experiences:</td><td><h:inputText id="inputExperience" name="Experience" value="#{offerManaged.offer.experience}" placeholder="ex: Evaluation,Management,Politics"/></td>
					    </tr>
					    <tr>
					  		<td><br/></td>
					    </tr>
					    <tr>
						  <td align="left"><i class="icon-calendar" > </i>Start Date:</td><td><h:inputText id="inputSd" name="Sd" value="#{offerManaged.offer.dateGive}" placeholder="ex: MM-DD-YYYY"/></td>
					    </tr>
					    <tr>
					  		<td><br/></td>
					    </tr>
					    <tr>
						  <td align="left"><i class="icon-calendar" > </i>&nbsp;End Date:</td><td><h:inputText id="inputFd" name="Fd" value="#{offerManaged.offer.dateSet}" placeholder="ex: MM-DD-YYYY"/></td>
					    </tr>
					    <tr>
					  		<td><br/></td>
					    </tr>
					    <tr>
						  <td align="left"><i class="icon-flag" > </i>&nbsp;Nationality:</td><td><h:inputText id="inputNat" name="Nat" value="#{offerManaged.offer.nationality}" placeholder="Nationality"/></td>
					    </tr>
				   		<tr>
					  		<td><br/></td>
					    </tr>
				   		 <tr>
						  <td align="left"><i class="icon-certificate" > </i>&nbsp;Sex:</td>
						  <td align="center">
						  	<h:selectOneRadio id="subscriptions" value="#{offerManaged.offer.sexe}">
						        <f:selectItem id="item1" itemLabel="Men&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" itemValue="Men"  />
								 <f:selectItem id="item2" itemLabel="Lady&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" itemValue="Lady"  />
						        <f:selectItem id="item3" itemLabel="Man|Lady&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" itemValue="Men|Lady"  />
						    </h:selectOneRadio>
				          </td>
					    </tr>
						<tr>
					  		<td><br/></td>
					    </tr>
						<tr>
				      		<td></td><td  align="center"><h:commandButton  value="Create" styleClass="btn btn-large btn-success" action="#{offerManaged.CreateOffer()}" />&nbsp;&nbsp;&nbsp;&nbsp;<h:commandButton  styleClass="btn btn-large btn-danger" value="Cancel" action="#{offerManaged.goToMakers()}"/></td>
				      	</tr>
				      </table>
				    </div>
				  </div>
				</h:form>
				</li>
			</ul>
		 </div>
</body> 
</html>
